<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../../common/jspcommon.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>基本信息 - 果果街</title>
<meta name="keywords"
	content="果果,果果街,果果网,童装, 淘宝网童装,儿童服装,儿童礼物,儿童美食,母婴用品,童装搭配,创意家居,玩具图书,亲子早教 " />
<%@include file="../../common/js.jsp" %>
<%@include file="../../common/css.jsp" %>
<script type="text/javascript" src="/js/jquery.Jcrop.js"></script>
<link type="text/css" rel="stylesheet" href="/css/v4/detail.css"/>
<!--[if ie 6]><script type="text/javascript" src="/js/v4/iepng.js"></script><![endif]-->
<!--[if ie]><link type="text/css" rel="stylesheet" href="/css/v4/common/IE.css"><![endif]-->

</head>
<body>

<%@include file="../../common/header.jsp"%>
<%@include file="../menu.jsp" %>
<div class="w100p pt20 pb35">
    	<div class="w980 mg clearfix">
        	<div class=" box_s6">
            	<div class="setting_box clearfix">
                    <div class=" home_185">
                    	<div class="setting_slide">
                        	<h3><i class="icon_setting"></i>账号设置</h3>
                            <ul>
                            	<li class="current"><a href="/member/personal.htm">基本信息</a></li>
                                <li><a href="/member/avatar.htm">修改头像</a></li>
                                <li><a href="/member/tosetpwd.htm">修改密码</a></li>
                            </ul>
                        </div>    
                    </div>
                    <div class="home_795">
                    	<div class="setting_det_box">
                        
                        	<div class="setting_det">
                            	<h3>基本资料</h3>
                            	<form action="/member/savepersonal.htm" method="post" id="personal_form">
                                <ul class="info_form mt15">
                                	<li>
                                    	<label class=" def_lbl">昵称：</label><span class="nick">${member.nickname }</span> 
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">性别：</label>
                                    	<input type="radio" class="rdo" name="sex" value="M" <c:if test="${member.memberDetail.sex=='M' }">checked="checked"</c:if>/><span class="sex">男</span>
                                        <input type="radio" class="rdo" name="sex" value="F" <c:if test="${member.memberDetail.sex=='F' }">checked="checked"</c:if>/><span class="sex">女</span>
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">邮箱：</label><span class="setting_mail">${member.email}</span>  
                                    	<c:if test="${!member.isActive }">
                                    		<div class="active_mail">
                                    			<i >您当前的邮箱尚未验证</i>
                                    			<a href="/member/toactivemail.htm"  class="def_btn_s7 active_btn">激活邮箱</a>
                                    		</div>
                                    	</c:if>
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">个人简介：</label><textarea class="ta focus" id="introduction" name="introduction">${member.memberDetail.introduction}</textarea>
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">所在地：</label>
                                    	<select name="provinceCode" id="provinceCode"></select>
										<select name="cityCode" id="cityCode"></select>
										<input type="hidden" name="province" id="provinceLabel"/>
										<input type="hidden" name="city" id="cityLabel"/>
                                    </li>
                                    <li id="li_birth">
                                    	<label class=" def_lbl">生日：</label>
                                    	<select id="year" name="year" style="width: 70px"></select>
                                        <select id="month" name="month" style="width: 70px"></select>
                                        <select id="day" name="day" style="width: 70px"></select>
                                    </li>
                                    <li>
                                    	<label class=" def_lbl">星座：</label>
                                    	<select name="constellation" id="constellation">
											<option value="">请选择</option>
											<option value="01">水瓶座</option>
											<option value="02">双鱼座</option>
											<option value="03">白羊座</option>
											<option value="04">金牛座</option>
											<option value="05">双子座</option>
											<option value="06">巨蟹座</option>
											<option value="07">狮子座</option>
											<option value="08">处女座</option>
											<option value="09">天枰座</option>
											<option value="10">天蝎座</option>
											<option value="11">射手座</option>
											<option value="12">魔羯座</option>
										</select>
                                    </li>
                                    <li>
                                    	<input type="button" class="def_btn_s5" value="确认修改" id="sub_personal"/>
                                    </li>

                                </ul>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            	<div class="shadow"></div>
            </div>
        </div>
    </div>

<script type="text/javascript">
$(document).ready(function() {
	yearMonthDay($("#li_birth"), '${member.memberDetail.birthday}');
	provinceChange('provinceCode', 'cityCode', 'county', 'town','${member.memberDetail.provinceCode }', '${member.memberDetail.cityCode }',null, null);
	$("#constellation").val("${member.memberDetail.constellation}");
	$("#sub_personal").click(function(){
		var intro=$("#introduction").val();
		if(intro.length>500){
			alert("请填写500字以内的简介");
		}else{
			$("#personal_form").ajaxSubmit(function(data){
				if(data=="success"){
					alert("修改成功");
				}
			}); 
		}
		
	});
	$("#provinceCode").change(function(){
		var checkText=$("#provinceCode").find("option:selected").text();
		$("#provinceLabel").val(checkText);
	});
	$("#cityCode").change(function(){
		var checkText=$("#cityCode").find("option:selected").text();
		$("#cityLabel").val(checkText);
	});
});


</script>
</body>
</html>